<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="/itfinger/CSS/20130108_hyun.css" rel="stylesheet"  type="text/css" />
<link href="/itfinger/CSS/selectbox.css" rel="stylesheet"  type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style type="text/css">
.chkselect {
    color: red;
}
</style>
<script language="javascript">

function colseDIV(index){
	var a = new Array();
	//	a[0]="0";
		a[1]="1";
		a[2]="2";
		a[3]="3";
		a[4]="4";
		a[5]="5";
		
	if(index==1){
		document.getElementById('sub_div_'+a[1]).style.display="none";
	}
	else if(index==2){
		document.getElementById('sub_div_'+a[2]).style.display="none";
	}
	else if(index==3){
		document.getElementById('sub_div_'+a[3]).style.display="none";
	}
	else if(index==4){
		document.getElementById('sub_div_'+a[4]).style.display="none";
	}
	else if(index==5){
		document.getElementById('sub_div_'+a[5]).style.display="none";
	}

}
</script>

<script type=text/javascript src="http://code.jquery.com/jquery-latest.js" jQuery19007382069064689989="92"></script>

<script type=text/javascript jQuery19007382069064689989="93">

jQuery(function($){
	
	// Common
	var select_root = $('div.select_02');
	var select_value = $('.my_value');
	var select_a = $('div.select_02>ul>li>a');
	var select_input = $('div.select_02>ul>li>input[type=radio]');
	var select_label = $('div.select_02>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_02').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_02').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_02:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_02:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_02 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});

jQuery(function($){
	
	// Common
	var select_root = $('div.select_03');
	var select_value = $('.my_value');
	var select_a = $('div.select_03>ul>li>a');
	var select_input = $('div.select_03>ul>li>input[type=radio]');
	var select_label = $('div.select_03>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_03').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_03').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_03:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_03:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_03 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});


jQuery(function($){
	
	// Common
	var select_root = $('div.select_04');
	var select_value = $('.my_value');
	var select_a = $('div.select_04>ul>li>a');
	var select_input = $('div.select_04>ul>li>input[type=radio]');
	var select_label = $('div.select_04>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_04').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_04').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_04:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_04:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_04 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});

jQuery(function($){
	
	// Common
	var select_root = $('div.select_05');
	var select_value = $('.my_value');
	var select_a = $('div.select_05>ul>li>a');
	var select_input = $('div.select_05>ul>li>input[type=radio]');
	var select_label = $('div.select_05>ul>li>label');
	
	// Radio Default Value
	$('div.my_value').each(function(){
		var default_value = $(this).next('.i_list').find('input[checked]').next('label').text();
		$(this).append(default_value);
	});
	
	// Line
	select_value.bind('focusin',function(){$(this).addClass('outLine')});
	select_value.bind('focusout',function(){$(this).removeClass('outLine')});
	select_input.bind('focusin',function(){$(this).parents('div.select_05').children('div.my_value').addClass('outLine')});
	select_input.bind('focusout',function(){$(this).parents('div.select_05').children('div.my_value').removeClass('outLine')});
	
	// Show
	function show_option(){
		$(this).parents('div.select_05:first').toggleClass('open');
	}
	
	// Hover
	function i_hover(){
		$(this).parents('ul:first').children('li').removeClass('hover');
		$(this).parents('li:first').toggleClass('hover');
	}
	
	// Hide
	function hide_option(){
		var t = $(this);
		setTimeout(function(){
			t.parents('div.select_05:first').removeClass('open');
		}, 1);
	}
	
	// Set Input
	function set_label(){
		var v = $(this).next('label').text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}
	
	// Set Anchor
	function set_anchor(){
		var v = $(this).text();
		$(this).parents('ul:first').prev('.my_value').text('').append(v);
		$(this).parents('ul:first').prev('.my_value').addClass('selected');
	}

	// Anchor Focus Out
	$('*:not("div.select_05 a")').focus(function(){
		$('.a_list').parent('.select').removeClass('open');
	});
			
	select_value.click(show_option);
	select_root.removeClass('open');
	select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover);
	select_input.change(set_label).focus(set_label);
	
});
</script>

</head>
<body marginheight="0" marginwidth="0">
    <div style="position:absolute; left:50%; margin-left:-512px; width:1024px; height:800px; z-index:-1000;">
      <div style="position:relative; margin:0px; height:25px; text-align:center;">
                <table border="0" cellspacing="0" cellpadding="0" width="1024" heigh="25">
                  <tr>
                    <td align="right"><img src="/itfinger/IMAGE/location.jpg" height="8" style="margin-top:17px;"/></td>
                  </tr>
                </table>
      </div>
   	  <div class="APP_ing" style="position:absolute; margin:5px 0px 0px 15px; z-index:100; width: 143px; height: 42px;">APP 미등록<span class="APP_ing_2"> 등록중지</span></div>
      	<div style="position:relative; margin:0px 0px 0px 0px; text-align:center; background-color:#000;" id="main_navi">
			<table border="0" cellspacing="0" cellpadding="0" width="1024" height="31"  bgcolor="#000000">
                <tr>
                  	<td width="187"></td>
                    <td width="189"><img src="/itfinger/IMAGE/main_navi/off__02.jpg" width="189" height="31" id="mBtn_01" border="0" /></td>
                    <td width="150"><img src="/itfinger/IMAGE/main_navi/off__03.jpg" width="150" height="31" id="mBtn_01" border="0" /></td>
                    <td width="167"><img src="/itfinger/IMAGE/main_navi/off__04.jpg" width="167" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__05.jpg" width="151" height="31" id="mBtn_01" border="0" /></td>
                    <td width="151"><img src="/itfinger/IMAGE/main_navi/off__06.jpg" width="180" height="31" id="mBtn_01" border="0" /></td>
                </tr>
            </table>
        </div>
        <div style="position:absolute; margin:0px 0px 0px 0px; width:187px;">
        	<div style="background-color:#e4e7ef; width:187px;"><img src="/itfinger/IMAGE/sub_navi_03.jpg" width="187" height="834" /></div>	
            <div style="margin:-75px 0px 0px 187px;"><img src="/itfinger/IMAGE/copyrignt.jpg" height="75" style="margin-bottom:-5px;" /></div>
        </div>
		<div style="position:absolute; margin:0px 0px 0px 187px; width:82%; background-color:#fafafa;" id="contents">
       		<div style="position:absolute; margin:10px 10px 0px 10px; background-color:#fafafa;"><img src="/itfinger/IMAGE/App/sub_menu/phone.jpg" width="229" height="471" /></div>
            <!-- 편집타입-->
            <div  style="position:relative; margin:25px 10px 0px 0px; width:536px; float:right;" id="contents">
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/edit_type.jpg" />
                    <table border="0" cellspacing="0" cellpadding="0" style="margin:-25px 0px 0px 120px;">
                      <tr>
                        <td><input type="text" style="height:20px; width:100px; margin :0px 0px 0px 10px;" class="input_01" /></td>
                        <td><input type="image" src="/itfinger/BTN/ok_01.jpg" style="height:22px; padding:0px; vertical-align:middle;" /></td>
                      </tr>
                    </table>
                </div>
                <!-- 서브메뉴 설정 이름 / 패턴 -->
                <div style="position:relative; margin-bottom:20px;"><img src="/itfinger/IMAGE/App/main_menu/skin.jpg" />
                    <div class="select_02"style="height:20px; width:100px; margin :-25px 0px 2px -9px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul>
                    </div>
                </div>
                <div style="position:relative; margin-bottom:3px; text-align:right;">
                    <input type="image" src="/itfinger/BTN/undo.jpg" style="margin-left:2px;" />
                    <input type="image" src="/itfinger/BTN/view.jpg"  style="margin-left:2px;"/>
                    <input type="image" src="/itfinger/BTN/intactly.jpg"  style="margin-left:2px;"/>
                    <input type="image" src="/itfinger/BTN/save.jpg" style="margin-left:2px;" />
                </div>
                <div style="height:1px; background-color:#94a0c5;"></div>
                <div style="position:relative; height:20px;"> </div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/sub_menu/sub_name.jpg" width="120" />
                    <input type="text" style="height:18px; width:100px; margin :0px 0px 0px 10px;" class="input_01" /></div>
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/sub_menu/sub_patton.jpg" />
                    <!--<select style="height:20px; width:100px; margin :0px 0px 2px 10px;"class="selectBox" id="styleSelect" onChange="ItemChange(this);"></select>-->
                    <div class="select_02"style="height:20px; width:100px; margin :0px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                    <div style="position:relative; margin-bottom:0px;"><img src="/itfinger/IMAGE/App/sub_menu/menu_bar.jpg" />
                </div>
                <div style="position:relative; margin-bottom:0px;">
                    <input type="radio" style="margin: -20px 0px -15px 0px;" /><img src="/itfinger/IMAGE/App/sub_menu/show.jpg" />
                    <input type="radio" style="margin: -20px 0px -15px 10px;" /><img src="/itfinger/IMAGE/App/sub_menu/hide.jpg" />
                </div>
                <div style="position:relative; margin-bottom:0x;"><img src="/itfinger/IMAGE/App/sub_menu/name_bar.jpg" />
                </div>
                <div style="position:relative; margin-bottom:0px;">
                  <input type="radio" style="margin: -20px 0px -25px 0px;" /><img src="/itfinger/IMAGE/App/sub_menu/show.jpg" />
                  <input type="radio" style="margin: -20px 0px -25px  10px;" /><img src="/itfinger/IMAGE/App/sub_menu/hide.jpg" />
                </div>
                <div>
                    <div style="position:relative; margin-bottom:0px;"><img src="/itfinger/IMAGE/App/sub_menu/background_.jpg" />
                </div>
                <div style="position:relative; margin-bottom:25px;">
                    <div style="position:relative; margin :0px 0px 2px 0px;">
                      <table border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 0px 0px 0px;" /><img src="/itfinger/IMAGE/App/sub_menu/bg_color.jpg" style="margin-bottom:-5px; margin-right:10px;"/><img src="/itfinger/BTN/color.jpg" style="margin-bottom:-6px;" />
                            </td>
                            <td><input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 10px 0px 0px;" /><img src="/itfinger/IMAGE/App/sub_menu/bg_patton.jpg" style="margin-bottom:-5px;" />
                            </td>
                            <td><input type="text" style="height:20px; width:100px; margin :0px 5px 0px 10px;" class="input_01" /></td>
                            <td><img src="/itfinger/IMAGE/App/sub_menu/bg_image.jpg" style="margin-bottom:-5px;" /><input type="radio" id="radio2" name="radios" value="all" >
    <label for="radio1"></label><input type="text" style="height:20px; width:90px; margin :0px 0px 0px 10px;" class="input_01" /></td>
                            <td><input type="image" src="/itfinger/BTN/ok_01.jpg" style="height:22px; margin:0px 0px 0px 0px; vertical-align:middle;" /></td>
                          </tr>
                    </table>
                    </div>
                </div>
                <!-- 서브메뉴 설정 폰트 / 순서[아이프레임으로 구성] -->
                <div style="position:relative; margin-bottom:10px;"><img src="/itfinger/IMAGE/App/main_menu/font.jpg" />
                <div style="position:relative; margin-bottom:10px;">
                    <img src="/itfinger/IMAGE/App/sub_menu/font_family.jpg" width="120" />
                    <div class="select_02"style="position:relative; height:20px; width:100px; margin :-10px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                    <img src="/itfinger/IMAGE/App/sub_menu/font_size.jpg" width="59" />
                     <div class="select_02"style="position:relative; height:20px; width:100px; margin :-10px 0px 2px 10px;">
                        <span class="ctrl"><span class="arrow"></span></span>
                        <button type="button" class="my_value"></button>
                        <ul class="a_list">
                        <li><a href="#1">Link_1</a></li>
                        <li><a href="#2">Link_2</a></li>
                        <li><a href="#3">Link_3</a></li>
                        </ul> 
                    </div>
                  <img src="/itfinger/IMAGE/App/sub_menu/font_color.jpg" width="78" />
                    <div style="position:relative; height:20px; width:100px; margin :-25px 0px 2px 500px;">
                      <img src="/itfinger/BTN/color.jpg" style="margin :0px 0px 0px 10px;" />
                    </div>
                </div>
                <div style="position:relative; margin-bottom:2px; height:25px; font-family:돋움; color:#767676; z-index:100;">
                <img src="/itfinger/IMAGE/App/sub_menu/table_bg.jpg" /></div>
                <iframe src="sub_menu_table.html" frameborder="0" style="border:0px;" marginheight="0" marginwidth="0" height="200" width="536" id="table_01"></iframe>
                <div style="height:20px;"></div>
                <div align="center"><input type="image" src="/itfinger/BTN/text_box.jpg" /> <input type="image" src="/itfinger/BTN/images.jpg" /> <input type="image" src="/itfinger/BTN/botton.jpg" /></div>
                </div>
            </div>
        </div> 
    </div>
    <!--레이어팝업 시작: 서브메뉴 추가 레이어팝업 -->
	<div style="position:absolute; margin:0px; width:323px; border: solid 1px #767676; z-index:100;background-color:#fafafa;" id="sub_div_1">
    	<img src="/itfinger/IMAGE/App/sub_menu/menu_plus.jpg" border="0" usemap="#Map01" />
        <map name="Map1" id="Map01">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(1);" />
        </map>
        <img src="/itfinger/IMAGE/App/sub_menu/menu_name.jpg" style="margin:0px 0px 0px 10px;" /><input type="text" style="margin:20px 0px 0px 0px; width:168px; height:22px; border: solid 1px #767676; background-color:#e9e9e9;"/><br>
    	<img src="/itfinger/IMAGE/App/sub_menu/type_2.jpg" style="margin:10px 0px 0px 10px;" />
        <div class="select_03"style="height:20px; width:168px; margin:-25px 0px 0px 140px;">
            <span class="ctrl"><span class="arrow"></span></span>
            <button type="button" class="my_value"></button>
            <ul class="a_list">
            <li><a href="#1">Link_1</a></li>
            <li><a href="#2">Link_2</a></li>
            <li><a href="#3">Link_3</a></li>
            </ul> 
        </div><br>
        <input type="image" src="/itfinger/BTN/ok_02.jpg" style="margin:10px 10px 20px 120px;"/><input type="image" src='/itfinger/BTN/cancle.jpg' style="margin:10px 0px 20px 0px;"/>
     </div>
     
      <!--버튼 추가 레이어팝업-->
      <div style="position:absolute; margin:200px; width:323px; border: solid 1px #ad745b; z-index:1000;background-color:#fafafa;" id="sub_div_2">
    	<img src="/itfinger/IMAGE/App/sub_menu/button_plus.jpg" border="0" usemap="#Map02" />
        <map name="Map2" id="Map02">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(2);" />
        </map>
        <img src="/itfinger/IMAGE/App/sub_menu/image_2.jpg" style="margin:20px 0px 0px 10px;" />
        	<table border="0" cellspacing="0" cellpadding="0" style="margin:-25px 0px 0px 140px;">
                      <tr>
                        <td><input type="text" style="margin:0px; width:118px; height:22px; border: solid 1px #ad745b; background-color:#f0e6e2;"/></td>
                        <td><input type="image" src="/itfinger/BTN/ok_05.jpg" style="height:22px; padding:0px; vertical-align:middle;" /></td>
                      </tr>
                    </table><br>
    	<img src="/itfinger/IMAGE/App/sub_menu/title.jpg" style="margin:-10px 0px 0px 10px;" /><input type="text" style="height:22px; border: solid 1px #ad745b; background-color:#f0e6e2; width:165px; margin:0px 0px 0px 0px;"><br />
        <img src="/itfinger/IMAGE/App/sub_menu/go!.jpg" style="margin:15px 0px 0px 10px;" />
        	<div style="margin: 0px 0px 0px 0px;">
            	<input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 0px 0px 5px;" /><img src="/itfinger/IMAGE/App/sub_menu/url.jpg" /><input type="text" style="height:22px; border: solid 1px #ad745b; background-color:#f0e6e2; width:165px; margin:-25px 0px 0px 140px;">
            </div>
            <div style="margin: 20px 0px 0px 0px;">
            	<input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 0px 0px 5px;" /><img src="/itfinger/IMAGE/App/sub_menu/link_image.jpg" />
            </div>
            <div class="select_04"style="height:20px; width:168px; margin:-20px 0px 10px 140px;">
                <span class="ctrl"><span class="arrow"></span></span>
                <button type="button" class="my_value"></button>
                <ul class="a_list">
                <li><a href="#1">Link_1</a></li>
                <li><a href="#2">Link_2</a></li>
                <li><a href="#3">Link_3</a></li>
                </ul> 
            </div>
            <div style="margin: 0x 0px 0px 0px;">
            	<input type="radio" id="radio2" name="radios" value="all" style="margin: 0px 0px 0px 5px;" /><img src="/itfinger/IMAGE/App/sub_menu/popup.jpg" />
            </div>
            <div class="select_04"style="height:20px; width:168px; margin:-15px 0px 0px 140px;">
                <span class="ctrl"><span class="arrow"></span></span>
                <button type="button" class="my_value"></button>
                <ul class="a_list">
                <li><a href="#1">Link_1</a></li>
                <li><a href="#2">Link_2</a></li>
                <li><a href="#3">Link_3</a></li>
                </ul> 
            </div><br>
        <input type="image" src="/itfinger/BTN/ok_04.jpg" style="margin:20px 10px 20px 120px;"/><input type="image" src='/itfinger/BTN/cancle.jpg' style="margin:-10px 0px 20px 0px;"/>
     </div> 
     
     <!--경고창 레이어팝업--> 
     <div style="position:absolute; margin:400px; width:323px; border: solid 1px #d63a2e; z-index:1000;background-color:#fafafa;" id="sub_div_3">
    	<img src="/itfinger/IMAGE/App/sub_menu/warning.jpg" border="0" usemap="#Map3" />
        <map name="Map" id="Map3">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(3);" />
        </map>
        <img src="/itfinger/IMAGE/App/sub_menu/sign.jpg" style="margin:0px 0px 0px 110px;" /><br>
        <img src="/itfinger/IMAGE/App/sub_menu/copy_2.jpg" style="margin:0px 0px 0px 45px;" /><br>
        <input type="image" src="/itfinger/BTN/ok_03.jpg" style="margin:-20px 10px 20px 110px;"/><input type="image" src='/itfinger/BTN/cancle.jpg' style="margin:-20px 0px 20px 0px;"/>
     </div>
     
     <!--이미지 추가 레이어팝업-->
     <div style="position:absolute; margin:600px; width:323px; border: solid 1px #c184b9; z-index:1000;background-color:#fafafa;" id="sub_div_4">
    	<img src="/itfinger/IMAGE/App/sub_menu/image_plus.jpg" border="0" usemap="#Map04" />
        <map name="Map" id="Map04">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(4);" />
        </map>
        <img src="/itfinger/IMAGE/App/sub_menu/image_3.jpg" style="margin:10px 0px 0px 10px;" />
        <table border="0" cellspacing="0" cellpadding="0" style="margin:-22px 0px 0px 140px;">
          <tr>
            <td><input type="text" style="margin:0px; width:118px; height:22px; border: solid 1px #c184b9; background-color:#f0e2ee;"/></td>
            <td><input type="image" src="/itfinger/BTN/ok_05.jpg" style="height:22px; padding:0px; vertical-align:middle;" /></td>
          </tr>
        </table>
    	<div style="height:100px; width:100px; border: solid 1px #ad5ba2; margin:10px 0px 0px 10px;"></div>
        <div style="margin:-100px 0px 0px 120px;">
        	<img src="/itfinger/IMAGE/App/sub_menu/image_size.jpg" />
            <div class="select_05"style="position:relative; height:20px; width:75px; margin :-32px 0px 10px 115px;">
                <span class="ctrl"><span class="arrow"></span></span>
                <button type="button" class="my_value"></button>
                <ul class="a_list">
                <li><a href="#1">Link_1</a></li>
                <li><a href="#2">Link_2</a></li>
                <li><a href="#3">Link_3</a></li>
                </ul> 
            </div>
            <div class="select_05"style="position:relative; height:20px; width:75px; margin :-5px 0px 0px 115px;">
                <span class="ctrl"><span class="arrow"></span></span>
                <button type="button" class="my_value"></button>
                <ul class="a_list">
                <li><a href="#1">Link_1</a></li>
                <li><a href="#2">Link_2</a></li>
                <li><a href="#3">Link_3</a></li>
                </ul> 
            </div>
            <div class="select_02"style="position:relative; height:20px; width:80px; margin :5px 0px 0px 0px;">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                  	<td><img src="/itfinger/IMAGE/App/sub_menu/width.jpg"  style="margin-left:0px;"/></td>
                    <td><input type="text" style="margin-left:0px; width:65px; height:22px; border: solid 1px #c184b9; background-color:#f0e2ee;"/></td>
                  	<td><img src="/itfinger/IMAGE/App/sub_menu/height.jpg" style="margin-left:30px;" /></td>
                    <td><input type="text" style="margin-left:0px; width:65px; height:22px; border: solid 1px #c184b9; background-color:#f0e2ee;"/></td>
                  </tr>
                </table>
            </div>
        </div>
        <input type="image" src="/itfinger/BTN/ok_06.jpg" style="margin:20px 10px 20px 120px;"/><input type="image" src='/itfinger/BTN/cancle.jpg' style="margin:10px 0px 20px 0px;"/>
     </div>
     <!--에디터-->
     <div style="position:absolute; margin:800px; width:322px; height:300px; border: solid 1px #ad9cbe; z-index:1000;background-color:#fafafa;" id="sub_div_5">
   	   <img src="/itfinger/IMAGE/App/sub_menu/edit_title.jpg" border="0" usemap="#Map05" />
       <map name="Map" id="Map05">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(5);" />
        </map>
		<div class="select_02"style="position:relative; height:20px; width:80px; margin :5px 0px 0px 22px;">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
              	<td><img src="/itfinger/IMAGE/App/sub_menu/edit_box.jpg" style="margin:10px 0px 0px 10px;" /></td>
        	  </tr>
              <tr>
                 <td>
                	<div>
                        <input type="text" style="margin-left:0px; width:65px; height:22px; border: solid 1px #c184b9; background-color:#f0e2ee;"/>
                        <img src="/itfinger/IMAGE/App/sub_menu/edit_x.jpg" />
                        <input type="text" style="margin-left:0px; width:65px; height:22px; border: solid 1px #c184b9; background-color:#f0e2ee;"/>
                	</div>
                 </td>
              </tr>
            	<tr>
            	  <td><img src="/itfinger/IMAGE/App/sub_menu/edit_con.jpg" /></td>
            	</tr>
                <tr>
                  <td height="18"><img src="/itfinger/IMAGE/App/sub_menu/edit_bg.jpg" style="margin-top:10px;" /></td>
                </tr>
                <tr>
                  <td height="112">편집할내용</td>
                  </tr>
                <tr>
              	  <td><input type="image" src="/itfinger/BTN/ok_07.jpg" style="margin:10px 10px 20px 115px;"/><input type="image" src='/itfinger/BTN/cancle.jpg' style="margin:10px 10px 20px 0px;"/></td>
                </tr>
            </table>
        </div>
     </div>
</div>
</body>
</html>